

<HTML>
<HEAD>
<TITLE>Fourth Test of Section 1.0 of CSS1 Spec</TITLE>

<STYLE TYPE="text/css">
BODY {background: url(flagbg.gif)}
P {color: green}
OL {color: navy}
LI {color: red}
H1 {color: blue}
H2 {color: green}
H3 {color: silver}
UL {color: gray}
EM {color: maroon}
STRONG {color: yellow}
#id1 {color: black }






</STYLE>
</HEAD>




<BODY>
<h1  >
Testing Fourth Testable Statement of Sec 1.0 of CSS1 Specification
</h1>

<ul >
<li   >
4.all HTML element types are possible selectors
</ul>



<h2  >
PASS CRITERIA:
</h2>
<p  >
If statement #4 above is passed, then:
<p >
The body background is "flags" ("body" is an HTML element).
The rule applied is "BODY {background: url(flagbg.gif)}".
<h1>
This top-level heading should be blue .
The rule applied is "H1 {color: blue }".
</h1>
<h2>
This second-level heading should be green (heading is an HTML element).
The rule applied is "H2 {color: green }".
</h2>
<h3>
This third-level heading should be silver.  The rule applied is "H3 {color: silver}."
<p ID=id1>
The word <strong>important</strong> should be yellow.  The rule applied here is
"strong {color: yellow}".
<ul >
<li>
The bullet to the left of this list-item should be red(list-item is an HTML element).
The text should be red.
The rules applied are: "li {color: red}" and "ul {color: gray}".
</ul>
<ol>
<li>
The number to the left of this list-item should be red; the text should be 
red.
The rules applied are "li {color: red}" and "ol {color: navy}".
</ol>
<p>
This paragraph is green, and this <em>word</em> is maroon.  The rules applied are "P {color: green}" and "EM {color: maroon}".  
All remaining properties in all instances above should be UA-default.
Each of the rules above specifies a different HTML element as a selector, up to
the total number of different HTML elements in the set.
(NOTE: Should there be more HTML elements above?)
To move to next test directly, click <a href="10-5.htm"> here</a>
(NOTE: This test may be shortened in future)
</BODY>
</HTML>

